//
// Bar
// --------------------------------------------------

.bar {
  position: relative;
  padding: 8px 16px;

  &:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #d7d6dc;
    color: #d7d6dc;
    transform: scaleY(0.5);
  }
}


.bar--gray {
  background-color: #ebebeb;
  color: #999;
}

.bar-right {
  list-style: none;
  margin: 0;
  padding: 0;

  .bar-item {
    float: left;

    & + .bar-item {
      margin-left: 10px;
    }
  }
}